<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{width: 100px;height: 100px;background: red}
    </style>
</head>
<body>
    <div class="box">
    </div>
</body>
<script src="../jquery.js"></script>
<script>

    // $(".box").click(fn)
    // $(".box").click(function(){
    //     console.log(2)
    // })
    // $(".box").click(function(){
    //     console.log(3)
    // })
    // $(".box").click(function(){
    //     console.log(4)
    // })

    // function fn(){
    //     console.log(1)
    // }

    // 模拟事件执行（自动触发事件）
    // setInterval(() => {
    //     // $(".box").trigger("click")
    //     $(".box").triggerHandler("click")
    // }, 1000);


    // 事件对象
    // $(".box").mousedown(function(){
    //     console.log(event.target)
    //     console.log(event.type)
    //     console.log(event.data)
    //     console.log(event.which)
    //     console.log(event.offsetX)
    //     console.log(event.pageX)
    //     console.log(event.screenX)
    // })


</script>
</html>